<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="fragments/header :: header-css"/>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="../js/admin.js"></script>
</head>
<body>

<div th:replace="fragments/header :: header"/>

<div class="container">

    <div class="starter-template">
        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#permission" data-toggle="tab">
                    权限管理
                </a>
            </li>
            <li><a href="#data" data-toggle="tab">数据维护</a></li>
            <li><a href="#total" data-toggle="tab">统计</a></li>
            <li><a href="#notify" data-toggle="tab">公告</a></li>
        </ul>
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade in active" id="permission">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>姓名</th>
                        <th>警号</th>
                        <th>权限</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>张起灵</td>
                        <td>343423</td>
                        <td>申请</td>
                        <td>
                            <select class="form-control">
                                <option>申请</option>
                                <option>审批</option>
                                <option>管理员</option>
                            </select>
                            <button>更新</button>
                        </td>
                    </tr>
                    <tr>
                        <td>李开发</td>
                        <td>8794564</td>
                        <td>审批</td>
                        <td>
                            <select class="form-control">
                                <option>申请</option>
                                <option>审批</option>
                                <option>管理员</option>
                            </select>
                            <button>更新</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="tab-pane fade" id="data">
                <div class="span4">
                    <p>请选择要维护的数据:</p>
                </div>
                <div class="span4">
                    <select id="specList" class="form-control">
                        <option></option>
                    </select>
                </div>
            </div>
            <div class="tab-pane fade" id="total">

            </div>
            <div class="tab-pane fade" id="notify">
                <ul id="notifyList" class="list-group">
                </ul>
                <button id="new" class="btn btn-large btn-primary" type="button" onclick="newNotify()">新增公告</button>
            </div>

        </div>


    </div>
</div>
<!-- /.container -->
<div th:replace="fragments/footer :: footer"/>
</body>
</html>